import type { App } from "vue";
import {
  create,
  NSpace,
  NGrid,
  NGridItem,
  NButton,
  NCard,
  NSelect,
  NTransfer,
  NDivider,
  NForm,
  NFormItem,
  NFormItemGi,
  NInput,
  NInputNumber,
  NMessageProvider,
  NNotificationProvider,
  NDialogProvider,
  NTabs,
  NTabPane,
  NCheckbox,
  NDataTable,
  NModal,
  NScrollbar
} from "naive-ui";

const naive = create({
  components: [
    NSpace,
    NGrid,
    NGridItem,
    NButton,
    NCard,
    NSelect,
    NTransfer,
    NDivider,
    NForm,
    NFormItem,
    NFormItemGi,
    NInput,
    NInputNumber,
    NMessageProvider,
    NNotificationProvider,
    NDialogProvider,
    NTabs,
    NTabPane,
    NCheckbox,
    NDataTable,
    NModal,
    NScrollbar
  ],
});

export function setupNaive(app: App<Element>) {
  app.use(naive);
}
